<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>新建代办任务</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../Public/css/common.css">
    <!-- 导入头部导航的JS样式 -->
    <script src="../Public/js/utils.js"></script>
    <!-- 导入JQuery库js样式 -->
    <script src="../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../Schedule/css/newAgencyTask.css">
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            utils.addHeader(1, '新建代办任务', ``, 1);      
            // utils.addFooter(1);    
        }
        $(function() {
            $(function() {
                $('.appendix').click(function() {
                    $('.choose').slideDown(100);
                    $('.m').addClass('mask')
                });
                $('.cancel').click(function() {
                    $('.choose').slideUp(100);
                    $('.m').removeClass('mask')
                });

                // 滑动按钮
                $('.switch .switch-off').off('click').on('click', function() {
                    $(this).removeClass('switch-current switch-current-left').text('ON');
                    $(this).siblings('.switch-on').addClass('switch-current switch-current-right').parent().addClass('switch-yes')
                });
                $('.switch .switch-on').off('click').on('click', function() {
                    if ($(this).hasClass('switch-on')) {
                        $(this).removeClass('switch-current switch-current-right').parent().removeClass('switch-yes');
                        $(this).siblings('.switch-off').addClass('switch-current switch-current-left').text('')
                    }
                })
            })
        })
    </script>
</head>

<body>
    <div class="programme mt-15">
        <div class="cell">
            <span class="xing">*</span>
            <span class="title">日程标题</span>
            <div>
                <input type="text" placeholder="请输入" required>
            </div>
        </div>
        <div class="cell">
            <span class="xing">*</span>
            <span class="title">开始时间</span>
            <div>
                <P>
                    <span>03月20日 12:30</span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </P>
            </div>
        </div>
        <div class="cell">
            <span class="xing">*</span>
            <span class="title">结束时间</span>
            <div>
                <P>
                    <span>03月20日 12:30</span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </P>
            </div>
        </div>
        <div class="appendix">
            <span class="title">上传附件
                <span class="icon iconfont icon-fujianattachment14"></span>
            </span>
            <div class="upload">
                <p>支持pdf, doc, docx, html, txt, jpg, png等格式文件上传，文件大小不超过10MB</p>
            </div>
        </div>
    </div>
    <div class="remind">
        <div class="cell">
            <span class="title">紧急度</span>
            <div class="detail">
                <P>
                    <span>一般</span>
                    <span class="icon iconfont icon-xiangyou"></span>
                </P>
            </div>
        </div>
        <div class="cell">
            <span class="title">日程提醒</span>
            <div class="detail">
                <div class="switch">
                    <span class="switch-on"></span>
                    <span class="switch-off switch-current switch-current-left"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="partake">
        <div class="cell">
            <span class="xing">*</span>
            <span class="title">参与人</span>
            <div>
                <p>已选择0人</p>
            </div>
        </div>
        <div class="add">
            <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/发起审批/u4263.png" alt="">
            <div class="add-1">
                <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/发起审批/u4264.png" alt="">
            </div>
        </div>
    </div>
    <div class="scheduleDescription">
        <div class="cell">
            <span class="title">日程描述</span>
        </div>
        <div class="ipt">
            <input type="text" placeholder="请输入">
        </div>
    </div>
    <div class="save">
        <input type="submit" value="保存">
    </div>
    <!-- 弹窗 -->
    <div class="choose">
        <div class="cell">拍照</div>
        <div class="cell">文件</div>
        <div class="cell">相册</div>
        <div class="cancel mt-10">
            <p>取消</p>
        </div>
    </div>
    <div class="m"></div>
</body>

</html>